@-webkit-keyframes bwScaleSmallToBig {
	from {
		-webkit-transform: scale(0, 0);
		transform: scale(.1, .1)
	}
	to {
		-webkit-transform: scale(0, 0);
		transform: scale(1, 1)
	}
}

@keyframes bwScaleSmallToBig {
	from {
		-webkit-transform: scale(.1, .1);
		transform: scale(.1, .1)
	}
	to {
		-webkit-transform: scale(1, 1);
		transform: scale(1, 1)
	}
}

@-webkit-keyframes bwScaleCenterToOuter {
	from {
		-webkit-transform: scale(0, 1);
		transform: scale(0, 1);
		opacity: 0;
	}
	to {
		-webkit-transform: scale(1, 1);
		transform: scale(1, 1);
		opacity: 1;
	}
}

@keyframes bwScaleCenterToOuter {
	from {
		-webkit-transform: scale(0, 1);
		transform: scale(0, 1);
		opacity: 0;
	}
	to {
		-webkit-transform: scale(1, 1);
		transform: scale(1, 1);
		opacity: 1;
	}
}

@-webkit-keyframes translateBottomToTop {
	from {
		-webkit-transform: translate(0, 100px);
		transform: translate(0, 100px)
	}
	to {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0)
	}
}

@keyframes translateBottomToTop {
	from {
		-webkit-transform: translate(0, 100px);
		transform: translate(0, 100px)
	}
	to {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0)
	}
}

/* 轻微的从右到左 */
@-webkit-keyframes fadeInFromRight {
	from {
		-webkit-transform: translate(100px, 0);
		transform: translate(100px, 0);
		opacity: 0
	}
	to {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
		opacity: 1
	}
}

@keyframes fadeInFromRight {
	from {
		-webkit-transform: translate(100px, 0);
		transform: translate(100px, 0);
		opacity: 0
	}
	to {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
		opacity: 1
	}
}

/* 轻微的从左到右 */
@-webkit-keyframes fadeInFromLeft {
	from {
		-webkit-transform: translate(-100px, 0);
		opacity: 0
	}
	to {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
		opacity: 1
	}
}
/* 轻微的从下到上 */
@-webkit-keyframes fadeInFromBottom {
	from {
		-webkit-transform: translate(0, 50px);
		opacity: 0
	}
	to {
		-webkit-transform: translate(0, 0);
		opacity: 1
	}
}

@keyframes fadeInFromBottom {
	from {
		-webkit-transform: translate(0, 50px);
		transform: translate(0, 50px);
		opacity: 0
	}
	to {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
		opacity: 1
	}
}
@keyframes fadeInFromLeft {
	from {
		-webkit-transform: translate(-100px, 0);
		transform: translate(-100px, 0);
		opacity: 0
	}
	to {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
		opacity: 1
	}
}

@-webkit-keyframes fadeInFromBottomToBig {
	from {
		-webkit-transform: scale(0, 0);
		transform: scale(0, 0);
		opacity: 0
	}
	to {
		-webkit-transform: scale(1, 1);
		transform: scale(1, 1);
		-webkit-transform: translate(100px, 0);
		transform: translate(100px, 0);
		opacity: 1
	}
}

@keyframes fadeInFromBottomToBig {
	from {
		-webkit-transform: scale(0, 0) rotate(0deg);
		transform: translate(0, 0) rotate(-90deg);
		opacity: 0
	}
	to {
		-webkit-transform: scale(1, 1) translate(0, 0);
		transform: rotate(0deg);
		transform-origin: 0% 0%;
		opacity: 1
	}
}

/* 斜切入 */
@-webkit-keyframes cutInSkew {
	from {
		-webkit-transform: skewY(30deg);
		transform: skewY(30deg);
	}
	to {
		-webkit-transform: skewY(0deg);
		transform: skewY(0deg);
	}
}

@keyframes cutInSkew {
	from {
		-webkit-transform: skewY(30deg);
		transform: skewY(30deg);
	}
	to {
		-webkit-transform: skewY(0deg);
		transform: skewY(0deg);
	}
}

/* 变小后再变大 */
@-webkit-keyframes scaleToSmallThenRestore {
	0% {
		-webkit-transform: scale(1);
	}
	50% {
		-webkit-transform: scale(.8);
	}
	100% {
		-webkit-transform: scale(1);
	}
}

@keyframes scaleToSmallThenRestore {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	50% {
		-webkit-transform: scale(.8);
		transform: scale(.8);
	}
	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}

/* 变大后再还原 */
@-webkit-keyframes scaleToBigThenRestore {
	0% {
		-webkit-transform: scale(1);
	}
	50% {
		-webkit-transform: scale(1.4);
	}
	100% {
		-webkit-transform: scale(1);
	}
}

@keyframes scaleToBigThenRestore {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	50% {
		-webkit-transform: scale(1.4);
		transform: scale(1.4);
	}
	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}

/*从右淡入*/
@-webkit-keyframes fadeInFromRight {
	from {
		-webkit-transform: translate(30px, 0);
		opacity: 0
	}
	to {
		-webkit-transform: translate(0, 0);
		opacity: 1
	}
}

@keyframes fadeInFromRight {
	from {
		-webkit-transform: translate(30px, 0);
		transform: translate(30px, 0);
		opacity: 0
	}
	to {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
		opacity: 1
	}
}

/* 变大淡出 */
@-webkit-keyframes fadeOutToBig {
	from {
		-webkit-transform: scale(1);
	}
	to {
		-webkit-transform: scale(1.2);
		opacity: 0
	}
}

@keyframes fadeOutToBig {
	from {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	to {
		-webkit-transform: scale(1.2);
		transform: scale(1.2);
		opacity: 0
	}
}

/* 从下面淡入 */
@keyframes fadeInFromBottom {
	from {
		-webkit-transform: translate(0, 40px);
		opacity: 0;
	}
	to {
		-webkit-transform: translate(0, 0);
		opacity: 1;
	}
}
/* 淡入 */
@keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
/* 物体掉落的动画 */
@keyframes dropOut {
	0% {
		transform: translateY(-100%);
		opacity: 0;
	}
	5% {
		transform: translateY(-100%);
	}
	15% {
		transform: translateY(0);
	}
	30% {
		transform: translateY(-50%);
	}
	40% {
		transform: translateY(0%);
	}
	50% {
		transform: translateY(-30%);
		opacity: 1;
	}
	70% {
		transform: translateY(0%);
	}
	80% {
		transform: translateY(-15%);
	}
	90% {
		transform: translateY(0%);
	}
	95% {
		transform: translateY(-7%);
	}
	97% {
		transform: translateY(0%);
	}
	99% {
		transform: translateY(-3%);
	}
	100% {
		transform: translateY(0);
	}
}

/** 旋转动画 */
@keyframes rotation{
	0%{
		transform: rotate(0deg);
	}
	50%{
		transform: rotate(180deg);
	}
	100%{
		transform: rotate(360deg);
	}
}
/** 1 到 1.3的大小变化 */
@-webkit-keyframes bwScaleOneToBig {
	from {
		-webkit-transform: scale(1);
	}
	to {
		-webkit-transform: scale(1.1);
	}
}

@keyframes bwScaleOneToBig {
	from {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
	to {
		-webkit-transform: scale(1.1);
		transform: scale(1.1)
	}
}